<template>
	<div v-show="showType" class="bar-warp">
		<h3 class="logo">车享家logo</h3>
		<div class="text">
			<h4 class="title">车享家APP</h4>
			<em class="cont">查看更多精彩活动</em>
		</div>
		<a ca="pt_v170720_groupdetail_top_click" href="https://cxb.chexiang.com/service/version/getLatestAppVersion/0" class="bar-link">前往</a>
	</div>
</template>

<script>
	import common from '../../../assets/js/common';
	import Vue from 'vue';
	export default{
		data (){
			return {
				showType:''
			};
		},
		created (){
			this.showType = !common.isApp();
		},
	}
</script>

<style lang="scss" scoped>
	@import "../../../assets/css/common.scss";
	/*悬浮栏*/
	.bar-warp{
		width:100%;
		padding:rem(8) rem(10);
		overflow: hidden;
		background-color:rgba(0, 0, 0, 0.8);
		.logo{
			background:url('../../../assets/image/tuan/logo.png') no-repeat;
			background-size:100% 100%;
			text-indent:-99999px;
			width:rem(36);
			height:rem(36);
			float:left;
			margin-right:rem(10);
		}
		.text{
			float:left;
			.title{
				font-size:rem(15);
				color:#fff;
				display:block;
			}
			.cont{
				font-size:rem(12);
				color:#fff;
				display:block;
			}
		}
		.bar-link{
			width:rem(66);
			height:rem(34);
			line-height:rem(34);
			text-align:center;
			font-size:rem(13);
			float:right;
			color:#fff;
			background-color:#0084ff;
			border-radius:5px;
		}
	}
</style>
